<aside id="sidebar" class="clearfix">
    <ul>
    	<li class="widget tabs-widget">
    		<ul class="tab-links clearfix">
    			<li class="active"><a href="#popular-tab">Popular</a></li>
    			<li><a href="#recent-tab">Recent</a></li>
    			<li><a href="#comments-tab">Comments</a></li>
    		</ul>
    
    		<div id="popular-tab">
    			<ul>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-1.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 25, 2012</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-2.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 22, 2012</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-3.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 05, 2012</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-4.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 05, 2012</div>
    				</li>
    			</ul>
    		</div>
    
    		<div id="recent-tab">
    			<ul>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-4.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 25, 2012</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-3.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 22, 2012</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-2.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 05, 2012</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="upload/popular-1.jpg"></a>
    					<h3><a href="#">Dictum ipsum vel laoreet. Sed convallis quam ut elit</a></h3>
    					<div class="post-date">March 05, 2012</div>
    				</li>
    			</ul>
    		</div>
    
    		<div id="comments-tab">
    			<ul>
    				<li>
    					<a href="#"><img alt="" src="images/avatar.jpg"></a>
    					<h3><a href="#">admin says:</a></h3>
    					<div class="author-comment">Nice theme, indeed :)</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="images/avatar.jpg"></a>
    					<h3><a href="#">faton says:</a></h3>
    					<div class="author-comment">very nice post!</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="images/avatar.jpg"></a>
    					<h3><a href="#">sami says:</a></h3>
    					<div class="author-comment">Nice theme I’m gonna use it on my next site. I loved the layout and ...</div>
    				</li>
    				<li>
    					<a href="#"><img alt="" src="images/avatar.jpg"></a>
    					<h3><a href="#">sami says:</a></h3>
    					<div class="author-comment">Nice theme I’m gonna use it on my next site. I loved the layout and ...</div>
    				</li>
    			</ul>
    		</div>
    	</li>
    	<li class="widget subscribe-widget">
    		<h3 class="widget-title">Subscribe via email</h3>
    		<form>
    			<input type="text" placeholder="Enter your email address" value="">
    			<input type="submit" value="Submit">
    		</form>
    	</li>
    	<li class="widget widget_archive">
    		<h3 class="widget-title">Archive</h3>
    		<ul>
    			<li><a href="#" title="August 2012">August 2012</a>&nbsp;(46)</li>
    			<li><a href="#" title="September 2012">September 2012</a>&nbsp;(96)</li>
    			<li><a href="#" title="Octomber 2012">Octomber 2012</a>&nbsp;(112)</li>
    			<li><a href="#" title="November 2012">November 2012</a>&nbsp;(135)</li>
    			<li><a href="#" title="December 2012">December 2012</a>&nbsp;(153)</li>
    		</ul>
    	</li>
    	<li class="widget widget_tag_cloud">
    		<h3 class="widget-title">Tags</h3>
    		<div class="tagcloud">
    			<a href="#" title="3 topics" style="font-size: 22pt;">business</a>
    			<a href="#" title="1 topic" style="font-size: 8pt;">Computers</a>
    			<a href="#" title="2 topics" style="font-size: 16.4pt;">css</a>
    			<a href="#" title="2 topics" style="font-size: 16.4pt;">design</a>
    			<a href="#" title="2 topics" style="font-size: 16.4pt;">graphics</a>
    			<a href="#" title="1 topic" style="font-size: 8pt;">html</a>
    			<a href="#" title="2 topics" style="font-size: 16.4pt;">jQuery</a>
    			<a href="#" title="2 topics" style="font-size: 16.4pt;">themes</a>
    			<a href="#" title="2 topics" style="font-size: 16.4pt;">Video</a>
    			<a href="#" title="1 topic" style="font-size: 8pt;">video</a>
    			<a href="#" title="1 topic" style="font-size: 8pt;">website</a>
    		</div>
    	</li>
    	<li class="widget widget_social_media">
    		<h3 class="widget-title">Follow us</h3>
    		<ul>
    			<li class="twitter">
    				<div class="button">
    					<a href="https://twitter.com/nextWPthemes" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @nextWPthemes</a>
    					<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    				</div>
    			</li>
    			<li class="google_plus">
    				<div class="button">
    					<!-- Place this tag where you want the +1 button to render. -->
    					<div class="g-plusone" data-size="medium"></div>
    
    					<!-- Place this tag after the last +1 button tag. -->
    					<script type="text/javascript">
    					  (function() {
    						var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    						po.src = 'https://apis.google.com/js/plusone.js';
    						var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    					  })();
    					</script>
    				</div>
    			</li>
    			<li class="facebook">
    				<div class="button">
    					<div id="fb-root"></div>
    					<script>(function(d, s, id) {
    					  var js, fjs = d.getElementsByTagName(s)[0];
    					  if (d.getElementById(id)) return;
    					  js = d.createElement(s); js.id = id;
    					  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
    					  fjs.parentNode.insertBefore(js, fjs);
    					}(document, 'script', 'facebook-jssdk'));
    					</script>
    
    					<div class="fb-like" data-href="http://www.nextwpthemes.com/" data-send="false" data-layout="button_count" data-width="450" data-show-faces="true"></div>
    				</div>
    			</li>
    			<li class="pinterest">
    				<div class="button">
    					<a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Fthemeforest.net%2Fitem%2Fnext-magazine-responsive-magazine-template%2F2576082&amp;media=http%3A%2F%2F1.s3.envato.com%2Ffiles%2F29793891%2Fscreenshots%2F00_preview.__large_preview.jpg&amp;description=Next+Magazine+-+Responsive+Magazine+Template" class="pin-it-button" count-layout="horizontal"><img alt="Pin It" border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>
    				</div>
    			</li>
    		</ul>
    	</li>
    </ul>
    </aside>